<!--
 * @Description: 请填写简介
 * @Author: error: git config user.name & please set dead value or install git
 * @Date: 2022-05-30 14:09:31
 * @LastEditors: error: git config user.name & please set dead value or install git
 * @LastEditTime: 2022-05-30 15:14:59
 * 
-->
<template>
  <el-container>
    <el-header>
      <Left></Left>
      <div><dv-decoration-5 style="width:400px;height:40px;" /></div>
      <Right></Right>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <Menu></Menu>
      </el-aside>
      <el-main>
        <router-view/>
         <!-- <Bottom></Bottom> -->
      </el-main>
      
    </el-container>
  </el-container>
</template>

<script>
import Right from "./header/right.vue";
import Left from "./header/left.vue";
import Menu from "./left/menu.vue";
// import Bottom from './main/mainBottom.vue'
export default {
  components: { Right, Left, Menu},
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.el-container {
  height: 100%;
  background: url(~@/assets/beijing/bizhi.jpg);
}
.el-header {
  width: 100%;
  color: #333;
  display: flex;
  align-items: center;
  padding: 0;
}

.el-aside {
  background: #1e373c;
  // opacity:0.1;
  color: #333;
  text-align: center;
  line-height: 200px;
}

.el-main {
  background: url(~@/assets/beijing/main.jpg);
  color: #333;
  text-align: center;
  // line-height: 50px;
}
</style>
